<template>
	<view class="bar">
		<view class="barTitle">{{title}}</view>
		<view v-if="isLink" class="linkIcon" @click="goDetail">
			<view style="padding-right: 20rpx;">更多</view>
			<u--image src="/static/rightA.png" shape="square" mode="aspectFill" width="28rpx" height="28rpx"></u--image>
		</view>
	</view>
</template>

<script>
	export default {
		name: "bar",
		data() {
			return {

			};
		},
		methods:{
			goDetail(){
				uni.navigateTo({
					url:this.url
				})
			}
		},
		props: {
			title: String,
			isLink: Boolean,
			url:String
		}
	}
</script>

<style lang="scss">
	.bar {
		display: flex;
		justify-content: space-between;
		align-items: center;
		background-color: #FAFAFA;
		padding: 20rpx 40rpx;
		.barTitle {
			color: #444444FF;
			font-size: 36rpx;
			line-height: 40rpx;
			font-weight: 500;
			padding-left: 8rpx;
			letter-spacing: 2rpx;
			font-weight: bold;
			&:before {
				display: inline-block;
				content: "";
				height: 36rpx;
				width: 8rpx;
				margin-right: 16rpx;
				position: relative;
				left: -8rpx;
				top: 4rpx;
				background-color: #004DA1FF;
			}
		}
		.linkIcon{
			color: #004DA1FF;
			font-size: 28rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;

		}
	}
</style>
